<template>
  <div>
    <div>
      首页
      name：{{ name }} id: {{ id }}
    </div>
    <div style="display: flex">
      <div style="width: 200px;height: 400px">
        导航栏<br>
        <router-link to="/index/product">商品管理</router-link>
        <br>
        <router-link to="/index/order">订单管理</router-link>
        <br>
        <router-link to="/index/user">用户管理</router-link>
        <br>
        <router-link to="/index/em">员工管理</router-link>
        <br>
      </div>
      <div style="width: 1000px;height: 400px">
        <router-view/>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id: 0,
      name: "",
    }
  },
  created() {
    this.id = this.$route.params.id;
    this.name = this.$route.params.name;
  }
}
</script>

<style scoped>

</style>